<!doctype html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
	    <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no,width=device-width,height=device-height">
        <title>首页</title>
        <link href="favicon.ico" rel="shortcut icon">
        <link rel="stylesheet" href="css/common/swiper.css">
        <link rel="stylesheet" href="css/common/base.css">
        <link rel="stylesheet" href="css/common/animation.css">
        <link rel="stylesheet" href="css/index/style.css">
        <link rel="stylesheet" href="css/common/media.css">
        <link rel="stylesheet" href="css/index/media.css">
        <link rel="stylesheet" href="css/index/animation.css">
    </head>
    <body id="large-header">
        <div class="beginning left flex flex-align-items">
                <i class="line top"></i>
                <i class="line bottom"></i>
                <img src="img/common/beginningLogo.png" alt="入场logo图">
        </div>
        <div class="beginning right flex flex-align-items">
                <i class="line top"></i>
                <i class="line bottom"></i>
                <img src="img/common/beginningLogoTxt.png" alt="入场logo文字">
        </div>

        <div class="container horizontal">
            <header>
                <div class="ready navSide fixed menu">
                    <div class='navBtn'>
                        <p class="pic">
                            <img class="top" src="img/common/flipBtn.png" alt="导航展开按钮白色">
                            <img class="btm" src="img/common/flipBtnB.png" alt="导航展开按钮黑色">
                        </p>
                        <p class="btnTip"><span>MENU</span><span>返回</span></p>
                    </div>
                    
                    <nav class="flex flex-align-items flex-justify-content">
                        <a class="navLogo flex flex-justify-content" href="index.html">
                            <img class="top" src="img/common/navLogo.png" alt="导航栏log白字">
                            <img class="btm" src="img/common/navLogoB.png" alt="导航栏log黑字">
                        </a>
                        <div>
                            <a class="current" href="index.html">首页</a>
                        </div>
                        <div>
                            <a href="bookstoreDesign.html">书店设计</a>
                            <div class="sonMenu">
                                <a href="bookstoreDesign.html">书店设计1</a>
                                <a href="bookstoreDesign.html">书店设计2</a>
                                <a href="bookstoreDesign.html">书店设计3</a>
                                <a href="bookstoreDesign.html">书店设计4</a>
                                <a href="bookstoreDesign.html">书店设计5</a>
                                <a href="bookstoreDesign.html">书店设计6</a>
                            </div>
                        </div>
                        <div>
                            <a href="commercialSpace.html">商业空间</a>
                            <div class="sonMenu">
                                <a href="commercialSpace.html">民宿设计</a>
                                <a href="commercialSpace.html">酒吧设计</a>
                                <a href="commercialSpace.html">办公设计</a>
                                <a href="commercialSpace.html">会所设计</a>
                                <a href="commercialSpace.html">样板房设计</a>
                                <a href="commercialSpace.html">售楼处设计</a>
                                <a href="commercialSpace.html">寺院设计</a>
                                <a href="commercialSpace.html">酒店设计</a>
                            </div>
                        </div>
                        <div>
                            <a href="landscapeDesign.html">景观规划</a>
                            <div class="sonMenu">
                                <a href="landscapeDesign.html">景观设计1</a>
                                <a href="landscapeDesign.html">景观设计2</a>
                                <a href="landscapeDesign.html">景观设计3</a>
                                <a href="landscapeDesign.html">景观设计4</a>
                                <a href="landscapeDesign.html">景观设计5</a>
                                <a href="landscapeDesign.html">景观设计6</a>
                            </div>
                        </div>
                        <div>
                            <a href="softLoadingDesign.html">软装设计</a>
                        </div>
                        <div>
                            <a href="graphicDesign.html">平面设计</a>
                        </div>
                        <div>
                            <a href="cases.html">全部案例</a>
                        </div>
                        <div>
                            <a href="news.html">新闻中心</a>
                        </div>
                        <div>
                            <a href="about.html">关于我们</a>
                        </div>
                        <div>
                            <a href="contact.html">联系我们</a>
                        </div>
                    </nav>  
                </div>
                <div class="sonMenuPalace flex-align-items flex none">
                    <nav></nav>
                </div>
                
            </header>
            <main>
                <div class="headSwiper">
                    <div class="swiper-container">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide"><img src="img/index/headSlide1.jpg" alt="轮播图"></div>
                            <div class="swiper-slide"><img src="img/index/headSlide2.jpg" alt="轮播图"></div>
                            <div class="swiper-slide"><img src="img/index/headSlide3.jpg" alt="轮播图"></div>
                            <div class="swiper-slide"><img src="img/index/headSlide4.jpg" alt="轮播图"></div>
                            <div class="swiper-slide"><img src="img/index/headSlide5.jpg" alt="轮播图"></div>
                        </div>
                        <div class="swiper-pagination head-pagination"></div>
                    </div>
                </div>
                <div class="about ready">
                    <div class="fluid">
                        <div class="content">
                            <a href="about.html" class="book needHover autoAnimate disorder">
                                <p class="flex">Hello<span>关于我们</span></p>
                                <span class="border auto top horizontal"><i></i></span>
                                <span class="border auto right vertical"><i></i></span>
                                <span class="border auto bottom horizontal"><i></i></span>
                                <span class="border auto left vertical"><i></i></span>
                            </a>
                            <div class='info'>
                                <div class="infoTitle">
                                    <p class="flex">
                                        <img src="img/index/aboutTitleLogo.png" alt="logo">宁波吉曼环境艺术设计有限公司
                                    </p>
                                    <span class="line"></span>
                                </div>
                                <div class="infoTxt">
                                    <p>宁波吉曼环境艺术设计有限公司，是宁波一家专业的文化空间设计公司。专注办公室空间设计.办公楼设计.样板房设计.厂房空间设计.别墅设计.酒店设计.KTV设计.餐厅设计.服装店等店面设计.咖啡店设计等设计领域。</p>
                                    <p>公司本着以绿色环保为主题，对家具住宅.办公.娱乐.餐饮等室内装饰产品形成了独特的设计理念，尤其在书店设计的领域自成一派。</p>
                                    <p>我们将建筑.城市.人三者之间互相关系用设计表现出来。我们注重团队配合.勇于创新.呈现城市多元化和综合性。</p>
                                </div>
                            </div>
                            <a href="about.html" class="more order autoAnimate">
                                <span class="border auto top horizontal"></span>
                                <span class="border auto right vertical"></span>
                                <span class="border auto bottom horizontal"></span>
                                <span class="border auto left vertical"></span>
                                <p class="noBg">
                                    查看更多&nbsp;&nbsp;&nbsp;&nbsp;>>
                                </p>
                                <p class="haveBg">
                                    <i>查看更多&nbsp;&nbsp;&nbsp;&nbsp;>></i>
                                </p>
                            </a>
                        </div>
                        <div class="pic">
                            <div class="picPalace needHover">
                                <p class="picShadow">
                                    <img src="img/index/shave.png" alt="图片设计遮罩">
                                </p>
                                <img class="obj-c aboutPic" src="img/index/aboutImg1.jpg" alt="内容图">
                                <span class="border hover top horizontal"></span>
                                <span class="border hover right vertical"></span>
                                <span class="border hover bottom horizontal"></span>
                                <span class="border hover left vertical"></span>
                            </div>
                            <div class="tips">
                                <div class="item">
                                    <p class="flex flex-align-items itemTitle">
                                        <span></span>口号
                                    </p>
                                    <p>创作出真正感动人心的作品</p>
                                </div>
                                <div class="item">
                                    <p class="flex flex-align-items itemTitle">
                                        <span></span>理念
                                    </p>
                                    <p>创意、规范、智能</p>
                                </div>
                            </div>
                        </div>
                        
                    </div>
                </div>
                <div class="tip ready">
                    <div class="fluid">
                        <div class="box">
                            <div class="txt top">
                                <i class="line"></i>
                                <p>绿色环保</p>
                                <h2>专注书店设计</h2>
                                <p>自成一派</p>
                            </div>
                        </div>
                        <div class="box">
                            <div class="txt bottom">
                                <span>J.M DESIGN</span>
                                <i class="line"></i>
                                <p>我们将建筑.城市.人三者之间互相关系用设 计表现出来。我们注
                                    重团队配合.勇于创新. 呈现城市多元化和综合性。</p>
                                
                            </div>
                        </div>
                    </div>
                    <div class="trans videoPalace">
                        <video loop autoplay controls muted poster="img/index/tipBG.jpg">
                            <source src="video/229-bg.mp4" type="video/mp4">
                        </video>
                    </div>
                </div>
                <div class="case">
                    <div class="fluid">
                        <div class="row ready roll">
                            <div class="box">
                                <a href='bookstoreDesign.html' class="book needHover autoAnimate disorder">
                                    <p class="flex">CASE<span>全部案例</span></p>
                                    <span class="border auto top horizontal"><i></i></span>
                                    <span class="border auto right vertical"><i></i></span>
                                    <span class="border auto bottom horizontal"><i></i></span>
                                    <span class="border auto left vertical"><i></i></span>
                                </a>
                            </div>
                            <div class="box">
                                <div class='examples'>
                                    <p><span class="num">27</span><span>个案例</span></p>
                                    <ul>
                                        <li>
                                            <p class="num">6</p>
                                            <p>大地方性书城</p>
                                        </li>
                                        <li>
                                            <p class="num">14</p>
                                            <p>个地区</p>
                                        </li>
                                        <li>
                                            <p class="num">6</p>
                                            <p>家年轮书店</p>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="row details">
                            <p>全部案例</p>
                            <ul>
                                <li><a href="example.html"><span class="line"></span>宁波书城</a></li>
                                <li><a href="example.html"><span class="line"></span>鄞州书城</a></li>
                                <li><a href="example.html"><span class="line"></span>余姚书城</a></li>
                                <li><a href="example.html"><span class="line"></span>慈溪书城</a></li>
                                <li><a href="example.html"><span class="line"></span>象山书城</a></li>
                                <li><a href="example.html"><span class="line"></span>宁波报业集团新华书店</a></li>
                                <li><a href="example.html"><span class="line"></span>宁波芝士公园新华书店</a></li>
                                <li><a href="example.html"><span class="line"></span>宁波北岸财富中心音乐酒吧</a></li>
                                <li><a href="example.html"><span class="line"></span>青岛天一书店</a></li>
                                <li><a href="example.html"><span class="line"></span>宁海西子园国际新华书店</a></li>
                                <li><a href="example.html"><span class="line"></span>北仑读一书店</a></li>
                                <li><a href="example.html"><span class="line"></span>绍兴书吧</a></li>
                            </ul>
                            <a href="cases.html" class="more order autoAnimate">
                                <span class="border auto top horizontal"></span>
                                <span class="border auto right vertical"></span>
                                <span class="border auto bottom horizontal"></span>
                                <span class="border auto left vertical"></span>
                                <p class="noBg">
                                    查看更多&nbsp;&nbsp;&nbsp;&nbsp;>>
                                </p>
                                <p class="haveBg">
                                    <i>查看更多&nbsp;&nbsp;&nbsp;&nbsp;>></i>
                                </p>
                            </a>
                        </div>
                        <div class="row swiper ready flex">
                            <div class="swiper-container" id="caseSwiper">
                                <div class="swiper-wrapper">
                                    <a class="swiper-slide"><img src="img/index/caseSlide.jpg" alt="轮播图"></a>
                                    <a class="swiper-slide"><img src="img/index/caseSlide.jpg" alt="轮播图"></a>
                                    <a class="swiper-slide"><img src="img/index/caseSlide.jpg" alt="轮播图"></a>
                                    <a class="swiper-slide"><img src="img/index/caseSlide.jpg" alt="轮播图"></a>
                                </div>
                                <div class="swiperBtn swiper-button-prev case-prev"></div>
                                <div class="swiperBtn swiper-button-next case-next"></div>
                                <div class="swiper-pagination case-pagination"></div>
                            </div>
                            <div class="btns">
                                <div class="swiperBtn swiper-button-prev"></div>
                                <div class="swiperBtn swiper-button-next"></div>
                                <div class="swiper-pagination">
                                    <span class="swiper-pagination-bullet swiper-pagination-bullet-active"></span>
                                    <span class="swiper-pagination-bullet"></span>
                                    <span class="swiper-pagination-bullet"></span>
                                    <span class="swiper-pagination-bullet"></span>
                                </div>
                            </div>
                            <div class="title">
                                <span class="line"><i></i></span>
                                <div class="swiper-container" id="caseNameSwiper">
                                    <div class="swiper-wrapper">
                                        <p class="swiper-slide">鄞州书城</p>
                                        <p class="swiper-slide">鄞州书城121545</p>
                                        <p class="swiper-slide">鄞州书城1</p>
                                        <p class="swiper-slide">鄞州书城1578</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="introduce fluid">
                    <a href='designer.html' class="book needHover autoAnimate disorder">
                        <p class="flex">Team<span>设计团队</span></p>
                        <span class="border auto top horizontal"><i></i></span>
                        <span class="border auto right vertical"><i></i></span>
                        <span class="border auto bottom horizontal"><i></i></span>
                        <span class="border auto left vertical"><i></i></span>
                    </a>
                    <div class="content flex">
                        <div class="pic">
                            <img class="obj-c" src="img/index/creator.jpg" alt="创始人图片">
                        </div>
                        <div class="txt flex">
                            <div class="txtBox">
                                <p>创始人</p>
                                <span class="line"></span>
                                <p class="txtName">某某某先生</p>
                                <div class="info">
                                    <p>宁波吉曼环境艺术设计有限公司，是宁波一家专业的文化空间设计公司。</p>
                                    <p>专注办公室空间设计.办公楼设计.样板房设计.厂房空间设计.别墅设计。</p>
                                    <p>酒店设计.KTV设计.餐厅设计.服装店等店面设计.咖啡店设计等设计领域</p>
                                </div>
                            </div>
                            <a href="designer.html" class="more autoAnimate order">
                                <span class="border auto top horizontal"></span>
                                <span class="border auto right vertical"></span>
                                <span class="border auto bottom horizontal"></span>
                                <span class="border auto left vertical"></span>
                                <p class="noBg">
                                    查看更多&nbsp;&nbsp;&nbsp;&nbsp;>>
                                </p>
                                <p class="haveBg">
                                    <i>查看更多&nbsp;&nbsp;&nbsp;&nbsp;>></i>
                                </p>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="news fluid">
                    <i class="line"></i>
                    <p class="flex">
                        <span>NEWS</span>
                        <span>新闻中心</span>
                    </p>
                    <ul class="ready">
                        <li>
                            <a href="newsInfo.html">
                                <p class="pic">
                                    <img src="img/index/newsImg.jpg" alt="新闻插图">
                                </p>
                                <div class="content">
                                    <h5>新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</h5>
                                    <div class="txt">
                                        <span class="date">2019-08-15</span>
                                        <p>新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介
                                            新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简</p>
                                    </div>
                                    <span class="moreInfo">查看更多</span>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="newsInfo.html">
                                <p class="pic">
                                    <img src="img/index/newsImg.jpg" alt="新闻插图">
                                </p>
                                <div class="content">
                                    <h5>新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</h5>
                                    <div class="txt">
                                        <span class="date">2019-08-15</span>
                                        <p>新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介
                                            新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简</p>
                                    </div>
                                </div>
                            </a>
                        </li>
                            
                        <li>
                            <a href="newsInfo.html">
                                <p class="pic">
                                    <img src="img/index/newsImg.jpg" alt="新闻插图">
                                </p>
                                <div class="content">
                                    <h5>新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题</h5>
                                    <div class="txt">
                                        <span class="date">2019-08-15</span>
                                        <p>新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介
                                            新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简介新闻简</p>
                                    </div>
                                </div>
                            </a>
                        </li>
                    </ul>
                    <a href="news.html" class="more autoAnimate order">
                        <span class="border auto top horizontal"></span>
                        <span class="border auto right vertical"></span>
                        <span class="border auto bottom horizontal"></span>
                        <span class="border auto left vertical"></span>
                        <p class="noBg">
                            查看更多&nbsp;&nbsp;&nbsp;&nbsp;>>
                        </p>
                        <p class="haveBg">
                            <i>查看更多&nbsp;&nbsp;&nbsp;&nbsp;>></i>
                        </p>
                    </a>
                </div>
                
            </main>
            <footer>
                <div class="contact appear">
                    <div class="head">
                        <p class="fluid flex">
                            <span class="eng">CONTACT</span>
                            <span class="chn">联系我们</span>
                            <span class="cell">
                                0587-86989308
                                <i class="border top horizontal"></i>
                                <i class="border right vertical"></i>
                                <i class="border bottom horizontal"></i>
                                <i class="border left vertical"></i>
                            </span>
                        </p>
                    </div>
                    <iframe src="map.html" class="map" height="500" frameborder="0" scrolling="no"></iframe>
                </div>
                <div class='footage'>
                    <div class="fluid">
                        <ul>
                            <li><img src="img/common/footLogo.png" alt="底部logo图"></li>
                            <li>
                                <p class="title flex flex-align-items"><i class="line"></i>TEL</p>
                                <span>0574-86989308</span>
                            </li>
                            <li>
                                <p class="title flex flex-align-items"><i class="line"></i>E-MAIL</p>
                                <span>912900934@qq.com</span>
                            </li>
                            <li>
                                <p class="title flex flex-align-items"><i class="line"></i>ADD</p>
                                <span>浙江省宁波市鄞州区</span>
                                <span>腊梅路515号迪信通E10广场</span>
                                <span>2号楼804-2</span>
                            </li>
                        </ul>
                        <p>
                            <span>©2019 宁波吉曼环境艺术设计有限公司</span>
                            <span>技术支持：穿石科技</span>
                        </p>
                    </div>
                </div>
            </footer>
            
        </div>
        <div class="shave"></div>
         <canvas id="demo-canvas"></canvas>
        

        <script src="js/common/swiper.js"></script>
        <script src="js/common/jquery.js"></script>
        <script>
            var flag_lianxing= JSON.parse(sessionStorage.getItem('flag_lianxing'));
            if (typeof jQuery == 'undefined') {
                console.log(" 未加载")
                if(flag_lianxing){
                    console.log("自动刷新一次未加载")
                }else{
                    sessionStorage.setItem('flag_lianxing', JSON.stringify("1"));
                    window.location.reload();
                }
        
            } else {
                console.log(" 已加载")
            }
        </script>
        <script src="js/common/common.js"></script>
        <script src="js/index/index.js"></script>
        <script src="js/common/animation.js"></script>
        <script src="js/index/animation.js"></script>
        <script src="js/index/TweenLite.min.js"></script>
        <script src="js/index/EasePack.min.js"></script>
        <script src="js/index/demo-1.js"></script>


    </body>
</html>